:root{
  /*
  --h-s-height header搜索框高度 
  --b-lrt banner左右相合时间
  */
  --h-s-height:3.5rem;
  --b-lrt:0.3s;
  --b-llt:0.3s;
}
@font-face {
  font-family: 'ANTONIO-BOLD-WEBFONT';
  src:url('../fonts/ANTONIO-BOLD-WEBFONT.eot');
  src:url('../fonts/ANTONIO-BOLD-WEBFONT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ANTONIO-BOLD-WEBFONT.TTF') format('truetype');
}
img{
  /* width: 100%;
  object-fit:cover; */
}
/* 懸浮窗 */
.index-body{
  position: relative;
}
.index-xfc{
  position: fixed;
  bottom:9rem;
  right:0;
  z-index:9999;
  padding:0 1VW;
  width: 12%;
  opacity: 0.8;
}
.xfc-bj img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.xfc-text{
  position: absolute;
  top:77%;
  left:50%;
  transform:translateX(-50%);
  font-size:1.2rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: transparent;
  padding:0.5rem;
  display: inline-block;
  width: 70%;
}
.xfc-text a{
  color: #fff;
}
.xfc-close{
  text-align: right;
}
.xfc-close > div{
  display: inline-block;
  background: rgba(0,0,0,0.5);
  color:#fff;
  font-size: 2rem;
  font-weight:bold;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
}
.index-backtop{
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  color: #fff;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index:99999;
  display: none;
  cursor: pointer;
}
/* header */
#header{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
}
.header-line{
  background: #2372b9;
  height: 0.5rem;
}
.header-top{
  display: flex;
  align-items:center;
  justify-content:space-between;
  padding:2rem 3%;
}
.header-logo{
  width: 28%;
}
.header-right{
  display: flex;
  align-items:center;
}
.header-rightm{
  display: none;
}
.header-search{
  height: var(--h-s-height);
  background: #f0f0f0;
  border-radius: 0.5rem;
}
.header-search form{
  display: flex;
  align-items:center;
  height: var(--h-s-height);
}
.h-s-img{
  opacity: 0.2;
  padding:0 0.5rem;
  padding-left:0.8rem;
  position: relative;
}
.h-s-img:after{
  content:'';
  position: absolute;
  top:0;
  right:0;
  background: #000;
  width: 0.15rem;
  height: 100%;
}
.h-s-input input{
  border:none;
  height: var(--h-s-height);
  line-height: var(--h-s-height);
  background: transparent;
  width: 15VW;
  margin-left:0.5rem;
  text-indent:0.5rem;
  font-size:1.2rem;
}
::-webkit-input-placeholder{/*Webkit browsers*/
  color:#c0c0c0;
  font-size:1.2rem;
}
.h-s-sub{
  background: #2372b9;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; 
}
.h-s-sub input{
  font-size:1.4rem;
  background: #2372b9;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; 
  padding:0 1rem;
  height: var(--h-s-height);
  color:#fff;
  border:none;
}
.header-lang{
  display: flex;
  align-items:center;
  margin-left:1rem;
}
.header-lang > div{
  color:#161616;
  font-size:1.1rem;
  padding:0 1rem;
  position: relative;
}
.header-lang > div:after{
  content:'';
  position: absolute;
  background: #d0d0d0;
  width: 0.15rem;
  height: 80%;
  top:10%;
  right:0rem;
}
.header-lang > div:nth-child(1){
  color:#2372b9;
}
.header-lang > div:last-child:after{
  background: transparent;
  width: 0rem;
}
/* header导航 */
.nav-pc {
	height: 55px;
  width: 100%;
  background: #f0f0f0;
}
.nav-pc li {
  width: calc(100% / 7.2);
  margin:0;
}
.nav-pc li a span {
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-pc > #mnav > ul > li > a > span:after {
  content:'';
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
  width: 1px;
  height: 100%;
  border-radius: 100%;
  background: rgba(255,255,255,0.9);
}
.nav-pc li a#menu_selected span:after {
  background: transparent;
}
.nav-pc li span.menu_next:after {
  background: transparent;
}
.nav-pc li:last-child a span:after {
  background: transparent;
}
.mobile_nav{
  width: 94%;
  margin:auto;
}
/*三级分类*/
#mnav > ul > li:nth-child(2) > ul > li > ul{
  width: 100%;
  display: none;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: 55px;
  left: 0%;
  background: #0079ce;
  overflow: hidden;
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(2) > ul>li:nth-child(1) > ul{
  width:100%;
display: none;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: -1px;
  left:100%;
  background: #0079ce;
  overflow: hidden;
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(1) > ul li{
  width: 100%;
  text-align: center;
  margin:auto;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-left: 5%;
  background: #159dfc;
  transition:all 0.2s;
  line-height: 35px!important;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(1) > ul li:hover{
  background: #008bec;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(1) > ul li > a > span{
  text-align: left;
  width: calc(100% - 0.5rem);
  display: block;
  padding-left: 0.5rem;
}


/*#mnav > ul > li:nth-child(2) > ul>li:nth-child(7) > ul{
  width:100%;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: -200px;
  left:101%;
  background: #0079ce;
  overflow: hidden;
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(7) > ul li{
  width: 100%;
  text-align: center;
  margin:auto;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-left: 5%;
  background: #0079ce;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(7) > ul li:hover{
  background: #0070bf;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(7) > ul li > a > span{
  text-align: left;
  width: calc(100% - 0.5rem);
  display: block;
  padding-left: 0.5rem;
}

#mnav > ul > li:nth-child(2) > ul>li:nth-child(8) > ul{
  width:100%;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: 0;
  left:101%;
  background: #0079ce;
  overflow: hidden;
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(8) > ul li{
  width: 100%;
  text-align: center;
  margin:auto;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-left: 5%;
  background: #0079ce;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(8) > ul li:hover{
  background: #0070bf;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul >li:nth-child(8) > ul li > a > span{
  text-align: left;
  width: calc(100% - 0.5rem);
  display: block;
  padding-left: 0.5rem;
}*/
/*结束*/
/* 20200708修改 */
#mnav > ul > li:nth-child(2) > ul>ul{
  width: 100%;
  display: none;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: 55px;
  left: 0%;
  background: #0079ce;
/*  overflow: hidden;*/
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(2) > ul{
  width: 100%;
  display: none;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: 55px;
  left: 0%;
  background: #0079ce;
  /*overflow: hidden;*/
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(2) > ul > li{
  width: 100%;
  text-align: center;
  margin:auto;
  border-top: 1px solid rgba(255,255,255,0.2);

  background: #008bec;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul > li:hover{
  background: #0079ce;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(2) > ul > li > a > span{
  text-align: left;
  width: calc(100% - 0.5rem);
  display: block;
  padding-left: 1.5rem;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}
/* 20200818修改 */
#mnav > ul > li:nth-child(3) > ul{
  width: 100%;
  display: none;
  margin: 0;
  position: absolute;
  z-index: 99;
  top: 55px;
  left: 0%;
  background: #0079ce;
  overflow: hidden;
  border-top: 0.1rem solid #fff;
}
#mnav > ul > li:nth-child(3) > ul > li{
  width: 100%;
  text-align: center;
  margin:auto;
  border-top: 1px solid rgba(255,255,255,0.2);
  background: #008bec;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(3) > ul > li:hover{
  background: #0079ce;
  transition:all 0.2s;
}
#mnav > ul > li:nth-child(3) > ul > li > a > span{
  text-align: center;
  width: 100%;
  display: block;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
}
/* 手机 */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  background-color: #3e83c1;
}
/* banner */
.index-banner{
  width: 100%;
  position: relative;
}
.index-container{
  
}
.swiper-container {
  width: 100%;
 /* height: 100%;*/
}
.swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.index-slide{
  background: #0079ce;
  align-items:flex-start;
}
.index-slide > a{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
/* banner内容 */
.index-banner-l{
  position: relative;
  width: 35VW;
  background: #fdfdfd;
  transform:translateX(-100%);
}
.swiper-slide-active .index-banner-l{
  transition:transform var(--b-lrt);
  transform:translateX(0);
}
.index-banner-l .ibl-bj{
  height: 100%;
}
.index-banner-l .ibl-bj img:nth-child(1){
  display: block;
}
.index-banner-l .ibl-bj img:nth-child(2){
  display: none;
}
.index-banner-l .ibl-bj img{
  height: 100%;
  object-fit:cover;
  width: 100%;
}
.index-banner-r{
  width: 65%;
  transform:translateX(100%);
}
.swiper-slide-active .index-banner-r{
  transition:transform var(--b-lrt);
  transform:translateX(0);
}
.index-banner-rimg{
  display: block;
}
.index-banner-rimg img{
  height: 100%;
  object-fit:cover;
  width: 100%;
}
.index-banner-rimg img:nth-child(1){
  display: block;
}
.index-banner-rimg img:nth-child(2){
  display: none;
}
.index-banner-rimg-m{
  display: none;
}
/* banner文字 */
.ibl-text{
  position: absolute;
  top:50%;
  left:8VW;
  transform:translateY(-60%);
}
.ibl-tit{
  text-align: left;
}
.ibl-t1{
  color:#0465bd;
  font-weight: bold;
  font-size:2.6rem;
  transform:translateX(-100%);
  opacity: 0;
}
.swiper-slide-active .ibl-t1{
  opacity: 1;
  transition:all var(--b-llt);
  transition-delay:0.6s;
  transform:translateX(0);
}
.ibl-t2{
  text-transform: uppercase;
  color:rgba(49,49,49,0.2);
  font-weight: bold;
  font-size:2.4rem;
  font-family: 'ANTONIO-BOLD-WEBFONT';
  transform:translateX(-100%);
  opacity: 0;
}
.swiper-slide-active .ibl-t2{
  opacity: 1;
  transform:translateX(0);
  transition:all var(--b-llt);
  transition-delay:0.8s;
}
.ibl-t3{
  background: #2372b9;
  height: 0.15rem;
  /* width: 2.9rem; */
  width: 3.5rem;
  position: relative;
  margin-top:1rem;
  animation: linesf 1.5s infinite ease-in-out 0.2s;
  transform:translateX(-100%);
  opacity: 0;
}
.swiper-slide-active .ibl-t3{
  opacity: 1;
  transition:all var(--b-llt);
  transition-delay:1s;
  transform:translateX(0);
}
.ibl-t3:before{
  content: '';
  position: absolute;
  background: #2372b9;
  height: 0.15rem;
  width: 3.5rem;
  top:-0.8rem;
  left:0;
  animation: linesf 1.5s infinite ease-in-out 0.4s;
}
.ibl-t3:after{
  content: '';
  position: absolute;
  background: #2372b9;
  height: 0.15rem;
  /* width: 2.3rem; */
  width: 3.5rem;
  bottom:-0.8rem;
  left:0;
  animation: linesf 1.5s infinite ease-in-out 0s;
}
.ibl-con{
  text-align: left;
  margin-top:4VH;
}
.ibl-c{
  display: flex;
  align-items:center;
  justify-content:flex-start;
  margin-top:1VH;
  opacity: 0;
}
.ibl-circle{
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100%;
  background: #2372b9;
  position: relative;
}
.ibl-circle:after{
  content:'';
  position: absolute;
  top:-0.4rem;
  left:-0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100%;
  background: rgba(35,114,185,0.2);
  animation: circleopa 1.5s infinite ease-in-out 0s;
}
.ibl-c-text{
  color:#202020;
  font-size:1.2rem;
  margin-left:1.5rem;
}
.swiper-slide-active .ibl-c1{
  animation: fadeInLeft var(--b-llt) ease-in-out 1s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.swiper-slide-active .ibl-c2{
  animation: fadeInLeft var(--b-llt) ease-in-out 1.2s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.swiper-slide-active .ibl-c3{
  animation: fadeInLeft var(--b-llt) ease-in-out 1.4s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.swiper-slide-active .ibl-c4{
  animation: fadeInLeft var(--b-llt) ease-in-out 1.6s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes linesf{
  0%{
    transform:scaleX(1);
    transform-origin:0 0;
  }
  50%{
    transform:scaleX(0.2);
    transform-origin:0 0;
  }
  100%{
    transform:scaleX(1);
    transform-origin:0 0;
  }
}
@keyframes circleopa{
  0%{
    background: rgba(35,114,185,0.2);
  }
  50%{
    background: rgba(35,114,185,0.6);
  }
  100%{
    background: rgba(35,114,185,0.2);
  }
}
/* 分页 */
.ib-page{
  position: absolute;
  left:0;
  bottom:0;
  height:9VH;
  max-height:6rem;
  z-index:2;
  display: flex;
  align-items:center;
  justify-content:flex-start;
}
.ib-page-l{
  width: 35VW;
  height: 100%;
  color:#fff;
  background: #2372b9;
  display: flex;
  align-items:center;
  position: relative;
}
.ib-page-l:after{
  content:'';
  position: absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  width: 10VW;
  height: 0.1rem;
  background: #fff;
}
.ib-page-l a{
  color:#fff;
  font-size:1.4rem;
  margin-left:8VW;
}
.ib-page-r{
  width: 21VW;
  height: 100%;
  background: #464646;
  position: relative;
}
.ib-page-r:after{
  content:'';
  position: absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width: 3VW;
  height: 0.1rem;
  background: #fff;
}
.index-pagination{
  width: 100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.swiper-pagination-bullet {
  color: #fff;
  font-size:1.2rem;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  border-radius: 100%;
  background: transparent;
  opacity: 1;
  margin-left:1rem;
  border:none;
  box-sizing:border-box;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: transparent;
  border-radius: 100%;
  border:1px solid #fff;
  transition:border 0.5s;
  box-sizing:border-box;
}
/* 产品 */
.index-pro{
  background: url('../images/cp-bj.png');
  background-position: top right;
  margin-top:2VH;
  overflow: hidden;
}
.pro-top{
  display: flex;
  align-items:flex-end;
  padding-top:3VH;
  width: 94%;
  margin:auto;
  justify-content:space-between;
}
.pro-titb{
  font-size:2.2rem;
  color:#202020;
  position: relative;
  padding-left:2rem;
  opacity: 0;
}
.pro-top-active .pro-titb{
  opacity: 1;
  animation: fadeInLeft 1.2s ease-in-out 0s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.pro-titb:after{
  content:'';
  position: absolute;
  top:15%;
  left:0;
  width: 0.8rem;
  height: 70%;
  background:#2372b9;
}
.pro-tits{
  color:rgba(32,32,32,0.6);
  font-size:1rem;
  display: block;
  opacity: 0;
}
.pro-top-active .pro-tits{
  opacity: 1;
  animation: fadeInLeft 0.8s ease-in-out 0.2s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.pro-tits-m{
  color:rgba(32,32,32,0.6);
  font-size:1rem;
  display: none;
}
.pro-anniu{
  display: flex;
  align-items:center;
  opacity: 0;
}
.pro-top-active .pro-anniu{
  opacity: 1;
  animation: fadeInRight 1.2s ease-in-out 0s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.pro-an{
  margin-left:0.5rem;
}
.pro-an a{
  display: block;
  color:#fff;
  font-size: 1.1rem;
  background: #2372b9;
  width: 10VW;
  min-width: 12rem;
  padding:0.5rem 0;
  text-align: center;
}
.pro-an1{
  margin-left:0rem;
}
.pro-con{
  width: 94%;
  margin:auto;
  margin-top:3VH;
}
.pro-con-top{
  display: flex;
  align-items:center;
}
.pro-ct{
  position: relative;
  border: 2px solid #fff;
  	box-sizing:border-box;
}
.pro-ct:hover{
	border: 2px solid #00d2ff;
}
.pro-ctimg{
  display: block;
}
.pro-ctimgm{
  display: none;
}
.pro-cttextcon{
  position: absolute;
  width: 80%;
  height: 90%;
  top:5%;
  left:10%;
  background: rgba(35,114,185,0.8);
  z-index:2;
  opacity: 0;
  transition:opacity 0.5s;
}
.pro-ct:hover .pro-cttextcon{
  opacity: 1;
  transition:opacity 1s;
}
.pro-ctc{
  position: absolute;
  width: 100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align: center;
}
.pro-cttextcon .pro-ctc-tit{
  color: #fff;
  font-size:1.8rem;
  font-weight: bold;
}
.pro-cttextcon .pro-ctc-more{
  margin-top:10%;
}
.pro-cttextcon .pro-ctc-more a{
  color: #fff;
  font-size:1.6rem;
}
.pro-cttext{
  position: absolute;
  top:15%;
  left:20%;
  z-index:1;
  opacity: 1;
  transition:opacity 1s;
}
.pro-ct:hover .pro-cttext{
  opacity: 0;
  transition:opacity 0.5s;
}
.pro-ct .pro-ct-tit{
  color: #000;
  font-size:1.7rem;
  font-weight: bold;
  position: relative;
}
.pro-ct .pro-ct-tit:after{
  content: '';
  position: absolute;
  top:20%;
  left:-2rem;
  width: 0.8rem;
  height: 60%;
  background: #2372b9;
}
.pro-ct .pro-ct-more a{
  color: #000;
  font-size:1.2rem;
}
.pro-ct1{
  width: 50%;
}
.pro-ct1 .pro-ct-tit{
  color:#fff;
}
.pro-ct1 .pro-ct-more a{
  color:#fff;
}
.pro-ct2,.pro-ct3{
  width: 24.5%;
  margin-left:1%;
}
.pro-con-center{
  margin-top:1rem;
}
/*.pro-ct4,.pro-ct5,.pro-ct66{
  width: calc(98% / 3);
}*/
.pro-ct5{
	margin-left: 1%;
	margin-right:0.5%;
}
.pro-ct66{
		margin-left: 0.5%;
	  margin-right:1%;
}
.pro-con-bottom{
	width: 94%;
  margin: auto;
  margin-top:1rem;
}
.pro-ct7,.pro-ct8{
 /* width: 49.5%;*/
  margin: 0.5%;
}
.pro-ct8{
  margin-left:1%;
}
.pro-ct7 .pro-ctc-tits{
  color:#fff;
  font-size:1.6rem;
}
.pro-ct7 .pro-ct-tit{
  color:#fff;
}
.pro-ct7 .pro-ct-tits{
  color:#fff;
  font-size:1.6rem;
}
.pro-ct7 .pro-ct-more{
  display: none;
}
.pro-ct7 .pro-ct-more a{
  color:#fff;
}
.pro-ct8 .pro-cttext{
  position: absolute;
  top:20%;
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  opacity: 1;
  transition:opacity 1s;
}
/* 关于我们 */
.index-aboutus{
  margin-top:8VH;
}
.au-con{
  position: relative;
}
.au-bjimg{
  display: block;
}
.au-bjimgm{
  display: none;
}
.au-textcon{
  position: absolute;
  top:40%;
  left:5%;
  transform:translateY(-50%);
}
.au-text{
  text-shadow:5px 5px 1px #000;
  color:#fff;
  font-size:3rem;
  font-weight: bold;
  opacity: 1;
}
/*.au-textcon-active .au-text{
  opacity: 1;
  animation: slideInLeft 0.8s ease-in-out 0s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}*/
.au-texts{
  color: rgba(255,255,255,0.7);
  font-size:4rem;
  font-family: 'ANTONIO-BOLD-WEBFONT';
  text-transform: uppercase;
  opacity: 1;
}
/*.au-textcon-active .au-texts{
  opacity: 1;
  animation: slideInLeft 0.8s ease-in-out 0.4s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}*/
.au-line{
  width: 6rem;
  height: 0.3rem;
  background: #fff;
  transform:scaleX(0);
  transition:transform 0.2s;
}
.au-textcon-active .au-line{
  transform:scaleX(1);
  transition:transform 1.2s;
  transform-origin:0 0;
  transition-delay:0.4s;
}
.auc-listcon{
  display: flex;
  align-items:center;
  position: absolute;
  bottom:0;
  left:0;
  width: 100%;
  height: 20%;
}
.auc-listcon > div:nth-child(1){
  display: none;
}
.auc-list{
  background: rgba(35,114,185,0.8);
  width: 20%;
  height: 100%;
  position: relative;
  border-right: 0.1rem solid rgba(255,255,255,0.6);
  box-sizing:border-box;
  transition:background 0.5s;
}
.auc-list:hover{
  background: rgba(35,114,185,1);
  transition:background 0.5s;
}
.auc-list:last-child{
  border-right: none;
}
.auc-list a{
  display: block;
  height: 100%;
}
.aucl-con{
  position: absolute;
  top:50%;
  left:25%;
  width: 75%;
  transform:translateY(-50%);
  text-align: left;
}
.aucl-icon{
  width: 16%;
}
.aucl-tit{
  font-size:1.8rem;
  color:#fff;
  font-weight: bold;
  margin-top:0.6rem;
}
.aucl-tit a{
  font-size:1.8rem;
  color:#fff;
  font-weight: bold;
  margin-top:0.6rem;
}
.aucl-arrow{
  font-size:1.6rem;
  color:#fff;
}
.aucl-arrow a{
  font-size:1.6rem;
  color:#fff;
}
.about-diao{color: #fff;line-height:34px;font-size: 17px;width: 630px;margin-top: 45px;font-family: "黑体";
  text-align:justify;
                text-justify:distribute-all-lines;/*ie6-8*/
                text-align-last:justify;/* ie9*/
                -moz-text-align-last:justify;/*ff*/
                -webkit-text-align-last:justify;/*chrome 20+*/
}


/* 证书 */
.au-zhengshu{
  background: #efefef;
  padding:3VH 0;
}
.auzs-con{
  width: 94%;
  margin: auto;
  position: relative;
  display: block;
}
.auzs-con-m{
  display: none;
}
.auzs-container{
  
}
.auzs-slide {
  transition: 300ms;
  transform: scaleY(0.6);
  z-index:1;
  /* background: #fff; */
}
.auzs-slide > div{
  transform: scaleX(0.6);
  border:.1rem solid #b5b1b1;
  box-sizing:border-box;
  /* transform-origin:100% 0; */
}
.auzs-slide.swiper-slide-prev,.auzs-slide.swiper-slide-next{
  transform: scaleY(0.8);
  z-index:2;
}
.auzs-slide.swiper-slide-prev > div,.auzs-slide.swiper-slide-next > div{
  transform: scaleX(0.8);
}
.auzs-slide.swiper-slide-prev > div{
  /* transform-origin:100% 0; */
}
.auzs-slide.swiper-slide-next > div{
  /* transform-origin:0 0; */
}
.auzs-slide.swiper-slide-next + .auzs-slide > div{
  /* transform-origin:0 0; */
}
.auzs-slide.swiper-slide-active,.swiper-slide-duplicate-active{
  transform: scaleY(1);
  z-index:3;
}
.auzs-slide.swiper-slide-active > div{
  transform: scaleX(1);
  transform-origin:50% 0;
}
.auzs-slide > div{
 /*  border:1px solid #b5b1b1; */
}
.auzs-slide > div img{
  width: 100%;
  height: auto;
}
.auzs-arrow{
  position: relative;
  text-align: center;
  margin-top:4rem;
}
.auzs-prev,.auzs-next {
  font-size:3rem;
  color:#2372b9;
  display: block;
  width: auto;
  height: 100%;
  background-image:none;
  border:0.1rem solid #104c89;
  padding:0.5rem;
  position: static;
  top:auto;
  line-height: 2rem;
  display: inline-block;
}
.auzs-prev {
  /* background-image: url(../images/auzs-prev.png); */
  left:10%;
  text-align: right;
  padding:0.5rem 0.8rem 0.5rem 1.2rem;
}
.auzs-next {
  /* background-image: url(../images/auzs-next.png); */
  right:10%;
  text-align: left;
  padding:0.5rem 1.2rem 0.5rem 0.8rem;
  margin-left:2rem;
}
/* 新闻中心 */
.index-news{
  padding:6VH 0 5VH;
  width: 94%;
  margin:auto;
  overflow: hidden;
}
.news-tit-m{
  display: none;
}
.news-con{
  display: flex;
  flex-direction:row-reverse;
  align-items:center;
}
.nc-r{
  width: 35%;
  margin-left:5%;
  opacity: 0;
}
.news-con-active .nc-r{
  opacity: 1;
  animation: slideInRight 0.6s ease-in-out 0.4s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ncr-video{
  position: relative;
}
.ncr-video-anniu{
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:15%;
  cursor: pointer;
}
.nc-l{
  width: 60%;
  opacity: 0;
}
.news-con-active .nc-l{
  opacity: 1;
  animation: slideInLeft 0.6s ease-in-out 0.4s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.nc-titcon{
  display: block;
}
.nc-tit{
  font-size: 2rem;
  font-weight: bold;
  color:#000;
}
.nt-tits{
  color:rgba(0,0,0,0.56);
  font-size:1rem;
  text-transform: uppercase;
  line-height: 100%;
}
.nt-titline{
  width: 2rem;
  height: 0.5rem;
  background: #0870c9;
  margin-top:1.5rem;
}
.nc-con{
  margin-top:1.2rem;
}
/*新闻0817*/
.gongsi{ margin-top:3rem;border-bottom: 1px dashed #ddd;padding-bottom:2rem;margin-bottom: 2rem;}
.gs-con{width: 80%;}
.gs-xbt a{font-size: 20px;color: #000;line-height: 60px;}
.gs-xnr a{font-size: 15px;color: #999999;line-height:28px;}
.gs-sj{text-align: center;width: 15%;font-size: 1.2rem;line-height: 35px;margin-top:3rem;}
.gs-sj p{color: #0870c9;font-size: 3rem;font-weight: bold;}
.zixun li{float: left;width: 50%;line-height: 40px;}
.zixun li a{font-size: 1.1rem;}
/*新闻之前*/
.ncc-list{
  margin-top:0.5rem;
}
.ncc-list a{
  display: flex;
  justify-content:space-between;
  align-items:center;
}
.nccl-l{
  width: 80%;
  position: relative;
}
.nccl-l:after{
  content:'';
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 100%;
  background: #0870c9;
  top:50%;
  transform:translateY(-50%);
  left:1rem;
}
.nccl-tit{
  color:rgba(15,15,15,0.8);
  font-size:1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left:3rem;
  transition:color 0.5s;
}
.ncc-list:hover .nccl-tit{
  color:rgba(6,112,201,1);
  transition:color 0.5s;
}
.nccl-con{
  display: none;
}
.nccl-r{
  max-width: 10%;
}
.nccl-time{
  display: flex;
  justify-content:center;
  align-items:center;
  color:#000;
}
.nccl-time-y{
  display: none;
}
.nccl-time-m{
  display: inline-block;
}
.nc-con .ncc-list:nth-child(1){
  margin-top:0;
  padding-bottom:2rem;
  border-bottom: 0.1rem dashed rgba(0,0,0,0.55);
}
.nc-con .ncc-list:nth-child(1) .nccl-l:after{
  position: static;
  background: transparent;
}
.nc-con .ncc-list:nth-child(1) .nccl-tit{
  color:#0f0f0f;
  font-size:1.4rem;
  font-weight: bold;
  margin-left: 0;
  transition:color 0.5s;
}
.nc-con .ncc-list:nth-child(1):hover .nccl-tit{
  color:rgba(6,112,201,1);
  transition:color 0.5s;
}
.nc-con .ncc-list:nth-child(1) .nccl-con{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top:0.8rem;
  color:rgba(15,15,15,0.8);
  font-size:1.1rem;
  transition:color 0.5s;
}
.nc-con .ncc-list:nth-child(1):hover .nccl-con{
  color:rgba(6,112,201,0.8);
  transition:color 0.5s;
}
.nc-con .ncc-list:nth-child(1) .nccl-r{
  
}
.nc-con .ncc-list:nth-child(1) .nccl-time{
  color:rgba(15,15,15,0.8);
}
.nc-con .ncc-list:nth-child(1) .nccl-time-d span{
  display: none;
}
.nc-con .ncc-list:nth-child(1) .nccl-time-y{
  display: inline-block;
}
.nc-con .ncc-list:nth-child(1) .nccl-time{
  display: flex;
  justify-content:center;
  flex-wrap:wrap-reverse;
  text-align: center;
}
.nc-con .ncc-list:nth-child(1) .nccl-time-d{
  width: 100%;
  display: inline-block;
  font-size:2.4rem;
  color:#0870c9;
  font-weight: bold;
  line-height: 100%;
  text-align: right;
  margin-right: 0.2em;
}
.nc-con .ncc-list:nth-child(1) .nccl-time-ym{
  display: inline-block;
  width: 100%;
  text-align: center;
  text-align: right;
}
.nc-con .ncc-list:nth-child(2){
  margin-top:0;
  padding-top:2rem;
}
.nc-con .ncc-list:last-child{
  padding-bottom:2rem;
  border-bottom: 0.1rem solid rgba(0,0,0,0.2);
}
/* footer */
.index-footer{
  display: block;
  padding-bottom:1VH;
  background: #1a1b2f;
}
.index-footer-m{
  display: none;
}
.foot-con{
  padding-top:60px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
.fc-con{
  width: 94%;
  margin:auto;
  display: flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom: 4VH;
}
.fcc-l{
  width: 50%;
}
.f-lxfs{
	margin-top:30px;
}
.f-lxfs li{
	  font-size: 19px;
    color: #fff;
    line-height:50px;
}
.f-lxfs li img{
	  margin-right: 20px;
	  vertical-align: middle;
}
.fcc-r{
  width:35%;
  position: relative;
}
.f-lxewm li{
	text-align: center;
	float: left;
	position: relative;
	width: 110px;
}
.f-ewm{margin-top:180px;}
.f-ewm li{
	text-align: center;
	float: left;
}
.f-ewm-xs{position: absolute; top:15px;}
.f-ewm-xs li{
	cursor: pointer;
  transition: all 0.6s;
	margin-top:40px;
	display: none;
	text-align: center;
	float: left;
	width: 110px;
}
.f-qq-xs{position: absolute;left:110px;}
.f-dy-xs{position: absolute;left:220px;}
.city{color: #707070;font-size:15px;line-height: 30px;}
.yqlj{color: #707070;font-size: 15px;line-height: 30px;}
.city a,.yqlj a{color: #707070;font-size:15px;line-height:24px;}




@media (max-width: 991px) and (min-width: 768px){
  .header-logo {
    width: calc(100% - 7rem - 72px);
  }
  .header-logo img{
    max-height: 40px;
    width: auto;
  }
  .header-right{
    display: none;
  }
  .header-rightm{
    display: block;
    margin-right: calc(3rem + 40px);
  }
  .header-langm{
    position: relative;
  }
  .header-langmtit{
    padding:0 1.5rem;
    display: flex;
    align-items:center;
    border:0.15rem solid #dddddd;
    padding-right:0.5rem;
    height: 32px;
    position: relative;
    box-sizing: border-box;
  }
  .header-langmtit:after{
    content:'';
    position: absolute;
    top:0;
    right:-1.5rem;
    background: #cccccc;
    height: 100%;
    width: 0.15rem;
  }
  .header-langmtit > div{
    color:#545454;
  }
  .header-langmtit .h-arrow-m{
    margin-left:1rem;
    opacity: 0.5;
    transform:rotate(0deg);
    cursor: pointer;
  }
  .header-langmtcon{
    display: none;
    border:0.15rem solid #dddddd;
    border-top:none;
    text-align: center;
    position: absolute;
    top:32px;
    left:0;
    width: 100%;
    box-sizing: border-box;
  }
  .header-langmtcon > div{
    padding:0.2rem 0;
    border-bottom:0.1rem solid #dddddd;
  }
  .header-langmtcon > div:last-child{
    border-bottom:none;
  }
  .hamburger {
    right: 3%;
    top: 2rem;
  }
}
@media (max-width: 1366px){
  .index-banner-l .ibl-bj img:nth-child(1){
    display: none;
  }
  .index-banner-l .ibl-bj img:nth-child(2){
    display: block;
  }
  .index-banner-rimg img:nth-child(1){
    display: none;
  }
  .index-banner-rimg img:nth-child(2){
    display: block;
  }
}
@media (max-width: 1200px){
  .ib-page-r {
    width: 32VW;
  }
}
@media (max-width: 768px){
	
.gs-con{width: 95%!important;}
.gs-sj{display: none!important;}
.zixun li{width:95%!important;}
	
	.about-diao{display: none;}
  .index-xfc{
    display: none;
  }
  .mobile_nav {
    width: 100%;
    background: rgba(255,255,255,0.8);
  }
  .nav-pc li a span:after {
    position: static;
    width: 0rem;
    height: 0rem;
    background: transparent;
  }
  .header-logo {
    width: calc(100% - 5rem - 72px);
  }
  .header-logo img{
    max-height: 36px;
    width: auto;
  }
  .header-right{
    display: none;
  }
  .header-rightm{
    display: block;
    margin-right: calc(2rem + 40px);
  }
  .header-langm{
    position: relative;
  }
  .header-langmtit{
    padding:0 1rem;
    display: flex;
    align-items:center;
    border:0.15rem solid #dddddd;
    padding-right:0.5rem;
    height: 32px;
    position: relative;
    box-sizing: border-box;
  }
  .header-langmtit:after{
    content:'';
    position: absolute;
    top:0;
    right:-1rem;
    background: #cccccc;
    height: 100%;
    width: 0.15rem;
  }
  .header-langmtit > div{
    color:#545454;
  }
  .header-langmtit .h-arrow-m{
    margin-left:0.5rem;
    opacity: 0.5;
    transform:rotate(0deg);
    cursor: pointer;
  }
  .header-langmtcon{
    display: none;
    border:0.15rem solid #dddddd;
    border-top:none;
    text-align: center;
    position: absolute;
    top:32px;
    left:0;
    width: 100%;
    box-sizing: border-box;
    z-index: 99;
    background: #fff;
  }
  .header-langmtcon > div{
    padding:0.2rem 0;
    border-bottom:0.1rem solid #dddddd;
  }
  .header-langmtcon > div:last-child{
    border-bottom:none;
  }
  .hamburger {
    right: 3%;
    top: 2rem;
    background: transparent;
  }
  /* banner */
  .index-banner {
    height: auto;
  }
  .ibl-con{
    display: none;
  }
  .ib-page{
    display: none;
  }
  .index-banner-l{
    position: absolute;
    z-index:4;
    width: 85%;
    background: rgba(255,255,255);
    bottom:5VH;
    left:5%;
    padding:2VH 0 calc(2VH + 1rem) 5%;
  }
  .ibl-bj{
    display: none;
  }
  .ibl-text {
    position: static;
    top: auto;
    left: auto;
    transform: translateY(0);
  }
  .ibl-t1 {
    font-size: 2rem;
  }
  .ibl-t2 {
    font-size: 1.8rem;
  }
  .index-banner-r{
    position: static;
    z-index:3;
    width: 100%;
  }
  .index-banner-rimg{
    display: none;
  }
  .index-banner-rimg-m{
    display: block;
  }
  /* 产品 */
  .pro-top{
    display: block;
  }
  .pro-titb{
    padding-left: 0;
    text-align: center;
    opacity: 0;
  }
  .pro-titb:after{
    width: 0;
    background: transparent;
  }
  .pro-top-active .pro-titb{
    opacity: 1;
    animation: bounceInDown 1s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pro-tits{
    display: none;
  }
  .pro-tits-m{
    display: block;
    font-size: 0.9rem;
  }
  .pro-top-active .pro-tits-m{
    opacity: 1;
    animation: fadeInLeft 1s ease-in-out 0.2s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .pro-anniu{
    margin-top:1rem;
  }
  .pro-con-top {
    flex-wrap: wrap;
  }
  .pro-ctimg{
    display: none;
  }
  .pro-ctimgm{
    display: block;
  }
  .pro-ct1 {
    width: 100%;
  }
  .pro-ct2, .pro-ct3 {
    width: 49%;
    margin-top:1VH;
  }
  .pro-ct2{
    margin-left: 0%;
  }
  .pro-cttextcon {
    width: 90%;
    left: 5%;
  }
  .pro-cttextcon .pro-ctc-tit{
    font-size: 1.2rem;
  }
  .pro-cttextcon .pro-ctc-more a{
    font-size: 1rem;
  }
  .pro-cttext {
    left: 1.5rem;
  }
  .pro-ct .pro-ct-tit {
    font-size: 1.2rem;
  }
  .pro-ct .pro-ct-tit:after {
    left: -1rem;
    width: 0.5rem;
  }
  .pro-ct .pro-ct-more a{
    font-size: 1rem;
  }
  .pro-con-center {
    margin-top: 1VH;
  }
  .pro-ct4, .pro-ct5, .pro-ct66{
    width: 49%;
  }
  .pro-ct6 {
    width: 100%;
    margin-left: 0;
    margin-top: 1VH;
  }
  .pro-con-bottom {
    margin-top: 1VH;
  }
  .pro-ct7, .pro-ct8 {
    width: 100%;
  }
  .pro-ct7 .pro-ctc-tits{
    display: none;
  }
  .pro-ct7 .pro-ct-tits{
    display: none;
  }
  .pro-ct7 .pro-ct-more{
    display: block;
  }
  .pro-ct8 {
    margin-left: 0%;
    margin-top: 1VH;
  }
  .pro-ct8 .pro-cttext {
    position: absolute;
    top: auto;
    left: auto;
    bottom:20%;
    right:10%;
    transform: none;
  }
  /* 关于我们 */
  .au-bjimg{
    display: none;
  }
  .au-bjimgm{
    display: block;
  }
  .au-textcon {
    top: 10%;
    transform: none;
  }
  .au-text {
    font-size: 2rem;
  }
  .au-texts {
    font-size: 3rem;
  }
  .au-line {
    width: 4rem;
  }
  .auc-listcon {
    flex-wrap:wrap;
    height:calc((4 / 9) * 100%);
  }
  .auc-listcon > div:nth-child(1) {
    display: block;
    visibility:hidden;
    background: transparent;
  }
  .auc-list{
    width: calc(100% / 3);
    height:50%;
  }
  .aucl-tit {
    font-size: 1.2rem;
  }
  .aucl-icon {
    width: 24%;
  }
  /* 证书 */
  .au-zhengshu {
    padding: 5VH 0;
  }
  .auzs-con{
    display: none;
  }
  .auzs-con-m{
    display: block;
  }
  .auzs-container-m{
    
  }
  .auzs-slide-m {
    transition: 300ms;
    z-index:1;
  }
  .auzs-slide-m > div{
    border:.1rem solid #b5b1b1;
    box-sizing:border-box;
  }
  .auzs-slide-m.swiper-slide-prev,.auzs-slide-m.swiper-slide-next{
    transform: scale(0.8);
    z-index:2;
  }
  .auzs-slide-m.swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
    z-index:3;
  }
  .auzs-slide-m > div img{
    width: 100%;
    height: auto;
  }
  /* 新闻中心 */
  .news-tit-m{
    display: block;
    text-align: center;
  }
  .ntm-tit{
    font-size:2rem;
    color:#000;
  }
  .ntm-tits{
    font-size:1.4rem;
    color:rgba(0,0,0,0.56);
    text-transform: uppercase;
    line-height: 100%;
  }
  .news-con{
    width: 94%;
    display: block;
    margin:auto;
    margin-top:5VH;
    overflow: hidden;
  }
  .nc-r {
    width: 100%;
    margin-left: 0%;
  }
  .nc-l {
    width: 100%;
  }
  .nc-titcon{
    display: none;
  }
  .ncc-list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  .nccl-r {
    max-width: 20%;
  }
  .nccl-l {
    width: 75%;
  }
  .nccl-l:after {
    content: '';
    position: static;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    background: transparent;
    top: 50%;
    transform: translateY(-50%);
    left: 1rem;
  }
  .nccl-tit {
    margin-left: 0rem;
  }
  .nccl-time {
    margin-left: 4VW;
    color:rgba(0,0,0,0.5);
  }
  .nc-con .ncc-list:nth-child(1) .nccl-time {
    margin-left: 0VW;
  }
  .nc-con .ncc-list:nth-child(1) {
    margin-top: 0;
    padding-bottom: 2rem;
    border-bottom: 0rem dashed rgba(0,0,0,0.55);
  }
  .nc-con .ncc-list:nth-child(1) .nccl-con {
    margin-top: 0rem;
    -webkit-line-clamp: 1;
  }
  .nc-con .ncc-list:nth-child(1) .nccl-tit {
    font-size: 1.2rem;
  }
  .nc-con .ncc-list:nth-child(2) {
    padding-top: 0rem;
  }
  .nc-con .ncc-list:last-child {
    border-bottom: 0rem solid rgba(0,0,0,0.2);
  }
  /* footer */
  .index-footer{
    display: none;
  }
  .index-footer-m{
    display: flex;
    background: #0870c9;
    align-items:center;
    padding:3VH 0;
    justify-content:space-between;
  }
  .foot-m-list{
    width: 25%;
  }
  .foot-m-list a{
    display: flex;
    align-items:center;
    justify-content:center;
  }
  .fml-icon{
    transform:scale(0.85);
    max-width: 2rem;
  }
  .fml-text{
    color:#fff;
    font-size:1.1rem;
    margin-left:0.5rem;
  }
}